<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>绍兴市城乡公交数智大脑</title>
        <link rel="stylesheet" href="../css/hzprosperitytest.css">
		<link rel="stylesheet" href="../css/defaultNormal.css">
    </head>
    <body>
        <header>
            <h1> 绍兴市城乡公交数智大脑</h1>
            <div style="float: right;margin-top:-75px;margin-right: 30px;">
            	<div class="weather"><span id="weatherToday"></span></div>
            </div>
			<div class="backButton" placeholder="返回">
				<img src="../images/cityBus/返回.png"/>
			</div>
            <img id="home" src="../images/cityBus/首页.png" style="float: right;margin-top:-45px;margin-right: 298px;cursor: pointer;"/>
            <div class="showTime" style="margin-top: 15px;"></div>
        </header>
        <section class="mainbox">
            <div class="column">
                <div class="panel linezhan">
            
                    <div class="chart">
                        <div class="sycm">
                            <ul class="clearfix">
                              <li><h4>6834208</h4><span>累计客流量</span></li>
                              <li><h4>2548764</h4><span>累计运营里程</span></li>
                              <li><h4>424563</h4><span>累计发车班次</span></li>
                              </ul>
                              <div style="border-bottom: 1px solid rgba(255,255,255,.1)"></div>
                            <ul class="clearfix">
                              <li><h4>672</h4><span>车辆数</span></li>
                              <li><h4>704</h4><span>驾驶员人数</span></li>
                              <li><h4>384</h4><span>线路数</span></li>
                                 <!-- <li><div><span>累计客流量</span><p>6834208</p></div></li>
                                <li><div><span>累计运营里程</span><p>64834208</p></div></li>
                                <li><div><span>累计发车班次</span><p>424563</p></div></li>
                                <li><div><span2>车辆数</span2><p>672</p></div></li>
                                <li><div><span2>驾驶员人数</span2><p>704</p></div></li>
                                <li><div><span2>线路数</span2><p>384</p></div></li> -->
                                
                              </ul>      
                        </div>
                    </div>
                    <div class="panel-footer"></div>     
                </div>
                <div class="panel bar">
                    <h2>城乡公交化总览</h2>
                    <div class="chart">
                        <table>
                            <thead>
                                <tr>
                                    <th>区域名</th>
                                    <th>行政村数量</th>
                                    <th>车辆数量</th>
                                    <th>站点数量</th>
                                    <th>线路数量</th>
                                    <th>通达行政村占比</th>
                                    <th>公交化率</th>
                                    
                        
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>嵊州市</td>
                                    <td>241</td>
                                    <td>114</td>
                                    <td>241</td>
                                    <td>43</td>
                                    <td>24.90%</td>
                                    <td>10%</td>
                                </tr>
                                <tr>
                                    <td>新昌县</td>
                                    <td>253</td>
                                    <td>205</td>
                                    <td>253</td>
                                    <td>78</td>
                                    <td>25.30%</td>
                                    <td>80.2%</td>
                                </tr>
                                <tr>
                                    <td>诸暨市</td>
                                    <td>398</td>
                                    <td>188</td>
                                    <td>398</td>
                                    <td>58</td>
                                    <td>66%</td>
                                    <td>51.3%</td>
                                </tr>
                                <tr>
                                    <td>上虞区</td>
                                    <td>281</td>
                                    <td>179</td>
                                    <td>281</td>
                                    <td>545</td>
                                    <td>100%</td>
                                    <td>48.6%</td>
                                </tr>
                                <!-- <tr>
                                    <td>柯桥区</td>
                                    <td>213</td>
                                    <td>188</td>
                                    <td>212</td>
                                    <td>58</td>
                                    <td>99.53%</td>
                                    <td>51.3%</td>
                                </tr>
                                <tr>
                                    <td>越城区</td>
                                    <td>192</td>
                                    <td>179</td>
                                    <td>190</td>
                                    <td>545</td>
                                    <td>98.96%</td>
                                    <td>48.6%</td>
                                </tr> -->
                            </tbody>
                        </table>
                    </div>
                    <div class="panel-footer"></div>
                </div>
                <div class="panel line">
                    <h2>全市月客运量变化趋势
                    </h2>
                    <div class="chart"></div>
                    <div class="panel-footer"></div>
                </div>
                
            </div>
            <div class="column">
                <div class="map">
                    <div class="mapnav">
                        <ul>
                            <!-- <li><div><span>累计客流量</span><p>6834208</p></div></li>
                            <li><div><span>累计运营里程</span><p>64834208</p></div></li>
                            <li><div><span>累计发车班次</span><p>424563</p></div></li>
                            <li><div><span2>车辆数</span2><p>672</p></div></li>
                            <li><div><span2>驾驶员人数</span2><p>704</p></div></li>
                            <li><div><span2>线路数</span2><p>384</p></div></li> -->
                            <li><div><span3>昨日客流量</span3><p>6834</p></div></li>
                            <li><div><span3>昨日发车班次</span3><p>1544</p></div></li>
                            <li><div><span3>班次准点率</span3><p>95%</p></div></li>
                            <li><div><span3>上座率</span3><p>80%</p></div></li>
                            
                        </ul>
                    </div>

                    <div class="map1"></div>
                    <div class="map2"></div>
                    <div class="map3"></div>
                    <div id="sxMap" class="chart"></div>
                </div>
                <div class="no">
                    <div class="no_hd">
                        <h2>今日客运量/发车班次</h2>
                        <div class="chart"></div>
                        <div class="panel-footer"></div>
                    </div>
                </div>

            </div>
            <div class="column">
                <div class="panel linepiao">
                    <h2>城乡公交运营评价
                        </h2>
                    <div class="chart">
                        <table>
                            <thead>
                                <tr>
                                    <th>区域名</th>
                                    <th>日总班次（单趟）</th>
                                    <th>线路长度（km）</th>
                                    <th>客运价格（元.公里）</th>
                                    <th>线路月均客流（人次）</th>
                                    <th>线路平均票价（元）</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>嵊州市</td>
                                    <td>390</td>
                                    <td>634.3</td>
                                    <td>\</td>
                                    <td>62855</td>
                                    <td>2.12</td>
                                </tr>
                                <tr>
                                    <td>新昌县</td>
                                    <td>901</td>
                                    <td>6692.2</td>
                                    <td>6.4</td>
                                    <td>20766</td>
                                    <td>3.4</td>
                                </tr>
                                <tr>
                                    <td>诸暨市</td>
                                    <td>210</td>
                                    <td>3765.5</td>
                                    <td>4.5</td>
                                    <td>23341</td>
                                    <td>4.4</td>
                                </tr>
                                <tr>
                                    <td>上虞区</td>
                                    <td>418</td>
                                    <td>13208</td>
                                    <td>8.6</td>
                                    <td>5871</td>
                                    <td>9.2</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="panel-footer"></div>
                </div>
                <div class="panel linelie">
                    <h2>城乡公交票价分类（元）</h2>
                    <div class="chart"></div>
                    <div class="panel-footer"></div>
                </div>
                <div class="panel lineban">
                    <h2>城乡公交班次分类（班）</h2>
                    <div class="chart"></div>
                    <div class="panel-footer"></div>
                </div>
            </div>
        </section>
        <script src="../js/flexible.js"></script>
        <script src="../js/echarts5.2/echarts.min.js"></script>
        <!-- 先引入jquery -->
        <script src="../js/jquery.js"></script>
        <!-- 必须先引入china.js 这个文件 因为中国地图需要 -->
        <script src="../js/china.js"></script>
        <script src="../js/zhejiang.js"></script>
        <script src="../js/hzprosperitytest.js"></script>
        <script src="../js/time.js"></script>
		<script src="../js/weather.js"></script>
		<script src="../js/extJs.js"></script>
		<script src="../js/echarts5.2/echarts-china-cities-js/js/shape-with-internal-borders/zhe4_jiang1_shao4_xing1.js"></script>
    </body>
</html>
